<div class="modal-header">
  <button *ngIf="showCloseBtn" type="button" class="close" aria-label="Close" (click)="close($event)">
    <svg class="svg-icon-close" xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 12 12" version="1.1">
      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g transform="translate(-2.000000, -2.000000)" fill-rule="nonzero">
          <polygon
            points="8 6.58578644 12.2426407 2.34314575 13.6568542 3.75735931 9.41421356 8 13.6568542 12.2426407 12.2426407 13.6568542 8 9.41421356 3.75735931 13.6568542 2.34314575 12.2426407 6.58578644 8 2.34314575 3.75735931 3.75735931 2.34314575"
          />
        </g>
      </g>
    </svg>
  </button>
  <div class="standard-title">
    <div *ngIf="(dialogtype | lowercase) == 'warning'" class="header-alert-icon">
      <svg
        width="24px"
        height="24px"
        viewBox="0 0 16 16"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        class="icon"
      >
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
          <path
            class="devui-icon-warning-outer"
            d="M8.96244623,0.57254229 L15.8714442,13.4101975 C16.1549662,13.9370117 15.9538562,14.5918482 15.4222523,14.8728158 C15.2642579,14.9563203 15.0879506,15 14.9088903,15 L1.09089441,15 C0.488410063,15 0,14.5159904 0,13.9189343 C0,13.7414873 0.0440768395,13.5667684 0.128340519,13.4101975 L7.03733844,0.57254229 C7.32086049,0.0457280838 7.98165058,-0.153569987 8.51325441,0.127397589 C8.70423071,0.228333932 8.8605922,0.383286648 8.96244623,0.57254229 Z"
          ></path>
          <path
            class="devui-icon-warning-inner"
            stroke-width="0.3"
            fill-rule="nonzero"
            d="M8.87894737,13 L7.08947368,13 L7.08947368,11.2105263 L8.87894737,11.2105263 L8.87894737,13 Z M8.62102372,9.86842105 L7.32800539,9.86842105 L7,4.5 L8.96842105,4.5 L8.62102372,9.86842105 Z"
          ></path>
        </g>
      </svg>
    </div>
    <div *ngIf="(dialogtype | lowercase) == 'failed'" class="header-alert-icon">
      <svg
        t="1523848193850"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="2647"
        width="24"
        height="24"
      >
        <path
          d="M512 0C229.205333 0 0 229.205333 0 512s229.205333 512 512 512 512-229.205333 512-512S794.794667 0 512 0z m205.312 666.88a36.010667 36.010667 0 0 1-51.029333 50.816L512 562.986667l-154.282667 154.709333a35.84 35.84 0 0 1-50.901333 0.085333 36.010667 36.010667 0 0 1-0.128-50.901333L461.226667 512 306.773333 357.12a36.010667 36.010667 0 0 1 50.986667-50.816L512 461.013333l154.282667-154.794666a36.010667 36.010667 0 0 1 51.029333 50.773333L562.773333 512l154.453334 154.88z"
          fill="#F9504B"
          p-id="2648"
        ></path>
      </svg>
    </div>
    <div *ngIf="(dialogtype | lowercase) == 'sucess' || (dialogtype | lowercase) == 'success'" class="header-alert-icon">
      <svg
        t="1523848446605"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="3058"
        width="24"
        height="24"
      >
        <path
          d="M512 0C229.205333 0 0 229.205333 0 512s229.205333 512 512 512 512-229.205333 512-512S794.794667 0 512 0z m260.266667 356.394667l-359.466667 360.704-0.426667 0.426666a35.925333 35.925333 0 0 1-57.6-6.826666l-108.885333-190.378667a35.882667 35.882667 0 0 1 13.397333-49.109333 35.882667 35.882667 0 0 1 49.109334 13.397333l85.418666 149.504 327.466667-328.533333a36.010667 36.010667 0 0 1 51.029333 50.816z"
          fill="#41C99F"
          p-id="3059"
        ></path>
      </svg>
    </div>
    <div *ngIf="(dialogtype | lowercase) == 'info'" class="header-alert-icon">
      <svg
        t="1523848507870"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="3217"
        width="24"
        height="24"
      >
        <path
          d="M512 0C229.205333 0 0 229.205333 0 512s229.205333 512 512 512 512-229.205333 512-512S794.794667 0 512 0z m-2.986667 184.490667a35.968 35.968 0 1 1 0 71.978666 35.968 35.968 0 0 1 0-71.978666z m157.184 557.098666a35.968 35.968 0 0 1-36.010666 36.010667H387.84a35.968 35.968 0 1 1 0-72.021333h85.205333V391.552H413.013333a35.968 35.968 0 1 1 0-72.021333h96c19.882667 0 35.968 16.128 35.968 36.010666v350.122667h85.205334c19.925333 0 36.010667 16.085333 36.010666 35.968z"
          fill="#5e7ce0"
          p-id="3218"
        ></path>
      </svg>
    </div>
    <span *ngIf="!!title" [title]="title" class="title-text">{{ title }}</span>
    <span *ngIf="!!!title && (dialogtype | lowercase) === 'warning'" class="title-text"> {{ i18nText?.warning }}</span>
    <span *ngIf="!!!title && (dialogtype | lowercase) === 'failed'" class="title-text">{{ i18nText?.error }}</span>
    <span *ngIf="!!!title && ((dialogtype | lowercase) === 'sucess' || (dialogtype | lowercase) == 'success')" class="title-text">{{
      i18nText?.success
    }}</span>
    <span *ngIf="!!!title && (dialogtype | lowercase) === 'info'" class="title-text">{{ i18nText?.info }}</span>
  </div>
</div>
